@charset "utf-8";
/* CSS Document */
.meister_form_01{
  margin-bottom: 20px;
}
.meister_form_01 .meister_form_inner{
  width: 629px;
  height: 494px; 
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.meister_form_01 .meister_form_inner img{
  position: absolute;
  bottom: 0;
}
.meister_form_01 .meister_form_inner .meister_check_01{
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div{
  width: 20%;
  text-align: center;
  box-sizing: border-box;
  padding-top: 10px;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div > label p{
  font-weight: bold;
  line-height: 1.2;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div > label p > span{
  font-size: 1.2em;
  display: inline-block;
  margin-bottom: 5px;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div input{
  display: none!important;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div label{
  position: relative;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div label::before{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  box-sizing: content-box;
  margin: 0 auto;
  background-color: #fff;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div input:checked + label::after{
  content: '';
  position: absolute;
  top: 4px;
  left: calc(50% - 4px);
  border-left:2px solid #333;
	border-bottom:2px solid #333;
  display: block;
  -webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
  width:8px;
	height:5px;
}
.meister_form_01 .meister_form_inner .meister_check_01 > div#lv1{
  background: -moz-linear-gradient(top, #d7d8d8, #e9e9e9 30%, #fff);
  background: -webkit-linear-gradient(top, #d7d8d8, #e9e9e9 30%, #fff);
  background: -ms-linear-gradient(top, #d7d8d8, #e9e9e9 30%, #fff);
  background: linear-gradient(to bottom, #d7d8d8, #e9e9e 30%, #fff);
}
.meister_form_01 .meister_form_inner .meister_check_01 > div#lv2{
  background: -moz-linear-gradient(top, #f0ebdf, #f9f6f1 30%, #fff);
  background: -webkit-linear-gradient(top, #f0ebdf, #f9f6f1 30%, #fff);
  background: -ms-linear-gradient(top, #f0ebdf, #f9f6f1 30%, #fff);
  background: linear-gradient(to bottom, #f0ebdf, #f9f6f1 30%, #fff);
}
.meister_form_01 .meister_form_inner .meister_check_01 > div#lv3{
  background: -moz-linear-gradient(top, #dbf1ed, #eff9f7 30%, #fff);
  background: -webkit-linear-gradient(top, #dbf1ed, #eff9f7 30%, #fff);
  background: -ms-linear-gradient(top, #dbf1ed, #eff9f7 30%, #fff);
  background: linear-gradient(to bottom, #dbf1ed, #eff9f7 30%, #fff);
}
.meister_form_01 .meister_form_inner .meister_check_01 > div#lv4{
  background: -moz-linear-gradient(top, #bfe2f0, #e2f2f8 30%, #fff);
  background: -webkit-linear-gradient(top, #bfe2f0, #e2f2f8 30%, #fff);
  background: -ms-linear-gradient(top, #bfe2f0, #e2f2f8 30%, #fff);
  background: linear-gradient(to bottom, #bfe2f0, #e2f2f8 30%, #fff);
}
.meister_form_01 .meister_form_inner .meister_check_01 > div#lv5{
  background: -moz-linear-gradient(top, #d5f0f6, #ebf7fa 30%, #fff);
  background: -webkit-linear-gradient(top, #d5f0f6, #ebf7fa 30%, #fff);
  background: -ms-linear-gradient(top, #d5f0f6, #ebf7fa 30%, #fff);
  background: linear-gradient(to bottom, #d5f0f6, #ebf7fa 30%, #fff);
}
.meister_form_02{
  margin-bottom: 20px;
  visibility: hidden;
}
.meister_form_02 .meister_form_inner{
  display: flex;
  flex-wrap: nowrap;
}
.meister_form_02 .meister_form_inner #meister_4m{
  width: 19%;
  margin-right: 5px;
}
.meister_form_02 .meister_form_inner #meister_q{
  width: 27%;
  margin-right: 5px;
}
.meister_form_02 .meister_form_inner #meister_c{
  width: 27%;
  margin-right: 5px;
}
.meister_form_02 .meister_form_inner #meister_d{
  width: 27%;
}
.meister_form_02 .meister_form_inner .meister_4m{
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #00366f;
}
.meister_form_02 .meister_form_inner > div > div{
  padding: 10px;
  box-sizing: border-box;
}
.meister_form_02 .meister_form_inner .meister_man{
  background-color: #ccd3ef;
}
.meister_form_02 .meister_form_inner .meister_machine{
  background-color: #e7ebf7;
}
.meister_form_02 .meister_form_inner .meister_material{
  background-color: #ccd3ef;
}
.meister_form_02 .meister_form_inner .meister_method{
  background-color: #e7ebf7;
}
.meister_form_02 .meister_form_inner .meister_mmmm{
  background-color: #ccd3ef;
  height: calc(100% - 50px);
}
.meister_form_02 .meister_form_inner > div > div:not(.meister_method):not(.meister_mmmm){
  margin-bottom: 5px;
}
.meister_form_02 .meister_form_inner > div > div input{
  display: none!important;
}
.meister_form_02 .meister_form_inner > div > div label{
  display: inline-block;
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  position: relative;
  font-size: 14px;
}
.meister_form_02 .meister_form_inner > div > div label:not(:last-child){
  margin-bottom: 10px;
}
.meister_form_02 .meister_form_inner > div > div label::before{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  box-sizing: content-box;
  position: relative;
  margin-right: 5px;
  vertical-align: middle;
  background-color: #fff;
}
.meister_form_02 .meister_form_inner > div > div input:checked + label::after{
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  border-left:2px solid #333;
	border-bottom:2px solid #333;
  display: block;
  -webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
  width:8px;
	height:5px;
}
.meister_form_02 .meister_form_inner #meister_4m > div:not(.meister_4m){
  display: flex;
  align-items: center;
  padding-left: 40%;
  position: relative;
  background-color: #d8d7dc;
}
.meister_form_02 .meister_form_inner #meister_4m > div p{
  font-weight: bold;
}
.meister_form_02 .meister_form_inner #meister_4m > div span{
  color: #959499;
  font-weight: normal;
}
.meister_form_02 .meister_form_inner #meister_4m .meister_man::before{
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url("https://img07.en25.com/EloquaImages/clients/TOSHIBAINS/%7B0b1cb0a5-4495-4829-b67c-a23729d2be25%7D_meister_02.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  max-height: 146px;
  height: 100%;
  width: 75px;
  top: -10px;
  left: 10px;
}
.meister_form_02 .meister_form_inner #meister_4m .meister_machine::before{
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url("https://img07.en25.com/EloquaImages/clients/TOSHIBAINS/%7B5552b538-1e6f-4323-b2ed-df35bec7a12e%7D_meister_03.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  max-height: 146px;
  height: 88%;
  width: 100px;
  top: -6px;
  left: -23px;
}
.meister_form_02 .meister_form_inner #meister_4m .meister_material::before{
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url("https://img07.en25.com/EloquaImages/clients/TOSHIBAINS/%7Bd847a4a8-565a-4885-acee-62f5b599f388%7D_meister_04.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  max-height: 146px;
  height: 77%;
  width: 107px;
  top: 0px;
  left: -20px;
}
.meister_form_02 .meister_form_inner #meister_4m .meister_method::before{
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url("https://img07.en25.com/EloquaImages/clients/TOSHIBAINS/%7B62b76309-5265-45aa-ae26-8a06256c7465%7D_meister_05.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  max-height: 146px;
  height: 69%;
  width: 75px;
  top: 26px;
  left: 1px;
}
.meister_form_02 .meister_form_inner > div > span.next,
.meister_form_02 .meister_form_inner > div > span.prev{
  display: none;
}
@media screen and (max-width: 959px) and (min-width: 768px){
  .meister_form_02 .meister_form_inner #meister_4m .meister_man::before{
    height: 84%;
    width: 75px;
    top: 9px;
    left: -3px;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_machine::before{
    height: 84%;
    width: 75px;
    top: 9px;
    left: -25px;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_material::before{
    height: 63%;
    width: 107px;
    top: 21px;
    left: -42px;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_method::before{
    height: 69%;
    width: 75px;
    top: 37px;
    left: -26px;
  }
}
@media screen and (max-width: 767px){
  .pc_only{
    display: none;
  }
  .meister_form_02 .meister_form_inner > div > div input:checked + label::after{
    top: 7px;
  }
  .meister_form_01 .meister_form_inner{
    height: 100vw;
  }
  .meister_form_02 .meister_form_inner #meister_4m{
    width: calc(50% - 40px);
  }
  .meister_form_02 .meister_form_inner > div:not(#meister_4m){
    width: 50%;
    margin: 0 20px;
    position: relative;
  }
  .meister_form_02 .meister_form_inner > div:not(#meister_4m):not(.current){
    display: none;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_man::before{
    width: 100%;
    max-width: 40%;
    top: 0;
    left: 0;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_machine::before{
    width: 100%;
    max-width: 40%;
    top: 0;
    left: 0;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_material::before{
    width: 100%;
    max-width: 40%;
    top: 0;
    left: 0;
  }
  .meister_form_02 .meister_form_inner #meister_4m .meister_method::before{
    width: 100%;
    max-width: 40%;
    top: 0;
    left: 0;
  }
  /*.meister_form_02 .meister_form_inner > div#meister_q::after{
    content: "";
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform:rotate(-45deg);
	  transform:rotate(-45deg);
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    cursor: pointer;
  }*/
  .meister_form_02 .meister_form_inner > div > span.next{
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform:rotate(-45deg);
	  transform:rotate(-45deg);
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    cursor: pointer;
  }
  .meister_form_02 .meister_form_inner > div > span.prev{
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 50%;
    width: 15px;
    height: 15px;
    -webkit-transform:rotate(45deg);
	  transform:rotate(45deg);
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    cursor: pointer;
  }
  .meister_form_01 .meister_form_inner .meister_check_01 > div > p{
    font-size: 14px;
  }
}